// 如果代码中没有明确用到 React 可以不引入
// import React from 'react'
import ReactDOM from 'react-dom'

// const h1Ele = <><h1 title='Hello React'>加油~~~</h1> <p>ddd</p></>
// const h1Ele = <React.Fragment><h1 title='Hello React'>加油~~~</h1> <p>ddd</p></React.Fragment>

// 加引号是字符串了，不再是 JSX 了
// const ele = '<h1>xx</h1>'

const h1Ele = (
  <>
    <h1 className='xx' title='Hello React'>
      加油~~~
    </h1>{' '}
    <p>ddd</p>
    <label htmlFor='input1'>姓名</label>
    <input type='text' id='input1' />
    <span />
  </>
)

// 渲染谁、渲染到哪里
ReactDOM.render(h1Ele, document.querySelector('#root'))
